/******公用样式开始*******/
ul, li, ol, p, a{ margin: 0; padding: 0; }
ul, ol, li { list-style: none;}
img { border: none; }
textarea { resize: none; padding: 5px; }
button, a { outline: none; cursor: pointer; }
.fl { float: left; }
.fr { float: right; }

@media (min-width: 1024px) { /**公共1024区分**/
nav.navbar.bootsnav ul.nav > li > a { font-size: 16px; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover { background: #b10000; color: #fff;}
nav.navbar.bootsnav ul.nav > li > a { font-weight: normal; }}

@media (max-width: 992px) { /**公共992区分**/
body.side-right { overflow: hidden; }
body.side-right nav.navbar.bootsnav .navbar-toggle { float: left; }
nav.navbar.bootsnav.navbar-mobile ul.nav, body nav.navbar.bootsnav .navbar-nav > li > a { border-top: none; }
body nav.navbar.bootsnav .navbar-toggle {margin-top: 20px;padding: 2px 5px;margin-right: 25px;}}

@media (max-width: 767px) { /**公共767区分**/
nav.navbar.bootsnav.navbar-mobile ul.nav { border-top: none; }
}
/******公用样式结束*******/



@media (min-width: 992px) and (max-width: 1200px){
  
}
@media (max-width: 992px){
  
}
@media (max-width: 767px){

}




/* 头部导航 */
.header-logo{padding: 15px 0;}
.header-logo .logo-img{ float: left;width: 43%;border-right: 1px dashed #014da1;overflow: hidden;}
.header-logo .logo-img img { float: left; width: auto;height: 80px;}
.header-logo .logo-img h3{float: left;font-size: 30px; font-weight: bold; color: #000; letter-spacing: 2px;line-height: 1;padding-left: 10px;padding-top: 15px;}
.header-logo .logo-img h3 span { display: block;font-size: 15px;line-height: 1; color: #888; letter-spacing: 2px; margin-top: 8px;}


.header-adv{float: left;width: 30%;padding-left: 20px;margin-top: 15px;}
.header-adv p {font-size: 20px;line-height: 1;font-weight: bold;letter-spacing: 1px;margin-bottom: 8px;}
.header-adv h5 {font-size: 18px;line-height: 1; font-weight: bold;letter-spacing: 1px;color: #e83e0a;}

.header-dh {float: right;width: 24%;margin-top: 8px;}
.header-dh img{float: left;width: 18%;margin-top: 10px;}
.dh-txt{float: left;width: 80%;padding-left: 10px;}
.dh-txt p{font-size: 15px;color: #444;line-height: 1;margin-bottom: 3px;}
.dh-txt h3 {font-size: 26px;font-weight: bold;color: #036bb2;line-height: 1;}
.dh-txt h3 span{font-size: 20px;}

.header_nav{background: #036bb2;position: relative;}
.navbar{min-height: 0;}
nav.navbar.bootsnav {background: none;}
.navbar-collapse{padding: 0;}
nav.navbar.bootsnav ul.nav > li > a{padding: 15px 42px;margin: 0;}
nav.navbar.bootsnav ul.nav > li > a:hover{background: #e83e0a;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover, nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover {background-color: #e83e0a;color: #fff;}

.navbar-nav>li { float: left;padding-right: 1px;}

nav.navbar.bootsnav ul.nav > li.now > a{background: #e83e0a;color: #fff;}
nav.navbar.bootsnav ul.nav > li:hover {background: #e83e0a;}


.navbar{position: static;}
.nav>li { position: static;}

.daohang {width: 100%; border: none;border-radius: 0;padding: 10px 0 20px;background: rgb(255 255 255 / 75%);}
.daohang ul{overflow: hidden;padding: 0 5%;}
.daohang ul li{float: left;width: 25%;padding: 0 10px;}
.daohang ul li a { color: #222; display: block;font-size: 17px;line-height: 1; padding: 15px 5px; border-bottom: 1px solid #bbb;}
.daohang ul li a .fa{float: right;}
.daohang ul li a:hover{color: #036bb2;font-weight: bold;}


@media (min-width: 992px) and (max-width: 1200px){
 
  .header-logo .logo-img img {float: left;height: auto;width: 12%;}
  .header-logo .logo-img h3{font-size: 24px;width: 88%;padding-top: 10px;}
  .header-logo .logo-img h3 span{letter-spacing: 1px;font-size: 12px;}
  
  .dh-txt h3{font-size: 24px;}

  .header-dh {width: 25%;margin-top: 0;}
  nav.navbar.bootsnav ul.nav > li > a {padding: 12px 38px;font-size: 15px;}
  
  .daohang ul li a{font-size: 15px;}
  
}

@media (max-width: 992px) {
  
  .header_nav {background: none;}
  nav.navbar.bootsnav .navbar-header{padding: 0;}
  nav.navbar.bootsnav .navbar-brand {display: inline-block;float: none !important;margin: 0 !important;text-align: left;font-size: 24px; font-weight: bold;letter-spacing: 2px;color: #111;line-height: 50px;padding: 0;color: #fff;}
  .navbar-brand>img { height: 50px;float: left;padding: 5px 0;margin-right: 5px;}
  nav.navbar.bootsnav .navbar-brand{color: #222;}
  
  .header_nav{position: static;}
  .navbar{position: relative;}
.nav>li { position: relative;}
  .daohang{background: #f9f9f9;box-shadow: none;}
  
  .daohang ul li a{font-size: 15px;padding: 12px 5px;}
  
  
  .bootsnav{border: none !important;}
  
  body nav.navbar.bootsnav .navbar-toggle {margin: 10px 10px 0 0;padding: 2px 5px;color: #005aa6;}
  body.side-right nav.navbar.bootsnav .navbar-toggle {float: right !important;margin: 10px 10px 0 0;}
  
  body nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in {top: 50px;}
  body nav.navbar.bootsnav.navbar-mobile .navbar-collapse {max-height: 360px;}
  nav.navbar.bootsnav ul.nav > li > a:hover{background: #144a86;color: #fff;}
  

  
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {padding: 10px 0 10px 20px !important;}
  nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a:hover{color: #fff;}
  

}

@media (max-width: 767px) {
  
  nav.navbar.bootsnav .navbar-brand{font-size: 2rem; letter-spacing: 1px;padding: 0 10px;}
  nav.navbar.bootsnav.navbar-mobile ul.nav > li > a { padding: 10px 15px;font-size: 14px;}
  body nav.navbar.bootsnav .navbar-toggle {margin-top: 10px;margin-right: 10px;}
  
  .daohang ul {padding: 0;}
  .daohang ul li { padding: 0 5px;}
  .daohang ul li a {font-size: 12px; padding: 10px 5px;}

  .side-right .in {background: #f5f5f5 !important;}

}








.flexslider { position: relative; max-height: 600px; overflow: hidden;width:100%;text-align: center;background: #222;}
.slides { position: relative; z-index: 1; }
.slides li { height: 600px;transform: translate(0) scale(1.1);transition: all 4s cubic-bezier(0.250, 0.460, 0.450, 0.940);position: relative;left: auto;top: auto;}
.slides li.flex-active-slide{ transform: translate(0) scale(1);z-index: 999999 !important; }

#intpate .slides li, #catapage .slides li {height: 500px;}

@media (min-width: 992px) and (max-width: 1200px){
  
  .slides li{height: 450px;}
  
  #intpate .slides li, #catapage .slides li { height: 350px;background-size: 100% auto !important;}
  
  
}
@media (max-width: 992px){

  .flexslider .slides li {background-size: auto 100% !important;height: 300px;}
  #intpate .slides li, #catapage .slides li { height: 180px;background-size: 100% auto !important;}
  
  
    
  
}
@media (max-width: 767px){

  .flexslider .slides li { background-size: auto 100% !important;height: 210px;}
  #intpate .slides li, #catapage .slides li { height: 120px;background-size: 100% auto !important;}
  
  
  
}